
<!DOCTYPE html>
<html lang="en">
<head>
	<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
	<meta name="renderer" content="webkit"> 
	<meta content="always" name="referrer">
	<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
    <title>Title</title>
    <!--[if lt IE 9]>
			<script type="text/javascript">
				window.location.href = "tip.html"
			</script>
		<![endif]-->
    <link rel="stylesheet" href="css/style.css">
    <link rel="stylesheet" href="css/order.css">
    <link rel="stylesheet" href="css/swiper.min.css">
    <script src="js/jquery.min.js"></script>
    <script src="js/swiper.min.js"></script>
    <script src="js/wang.js"></script>
    <script src="js/ajaxSet.js" type="text/javascript" charset="utf-8"></script>
    <style>
		#userName{
			float: left;
			width: 75px;
			text-align: center;
			position: relative;
			cursor: pointer;
			display: none;
		}
		#userName li:after{
			display:block;content:"";visibility:hidden;height:0;
			border-bottom:  1px solid #000000;
		}
		#userName dl{
			top: 42px;
			width: 100%;
			position: absolute;
			display: none;
			background: #fff;
			z-index: 9999;
		}
	</style>
</head>
<body>
<div class="header">
	<div class="w_1190">
		<div class="h_right fr">
			<a href="index.html">YIXA首页</a>
			<a href="dingdan.html">我的订单</a>
			<a href="zhanghu.html">账户设置</a>
			<a href="about.html">关于我们</a>
		</div>
		<div class="h_left">
			<ul id="userName">
				<li></li>
				<dl>
					<dd>退出登录</dd>
				</dl>
			</ul>
			<!-- 未登录 -->
				
				<a href="login.html" class="c_01afff" id="login">登录</a>
				<a href="register.html" class="registerno">免费注册</a>
			<!-- 已登录 -->
		</div>
	</div>
</div>
<script type="text/javascript">
	
	$("#userName").on("click",function(){
	    $(this).find("dl").slideToggle(200)
	})
	
	$("#userName dd").on("click",function(){
	    $.ajax({
	    	type:"post",
	    	url:"http://52lvu.cn:8080/api/login/logout",
	        data:{
	            userId : token.userId
	        },success : function (result){

	            
	            if (result.resultCode == 200) {
	            	localStorage.removeItem("token");
	            	window.location.href="login.html"
	            }
	            
	        },error : function (e){
	            layer.msg("请求错误，请稍后重试",{icon:2,time:2000})
	        }
	    });
	})
	
	var token = JSON.parse(localStorage.getItem('token'));
	
	if (token) {
		var expiredTime = 1800000;
		var loginTime = token.loginTime
		var nowTime = new Date().getTime();

		
		if ( (nowTime - loginTime) > expiredTime ) {
			localStorage.removeItem("token");
			window.location.href = "login.html";
		}else{
			$("#userName").show(); 
			$(".registerno").hide();
			$("#login").hide()
			$("#userName li").html(token.userName)
		}
	}else{
	    window.location.href="login.html";
	}
	
</script>


<div class="order-list w-1200" style="margin-top: 45px;">
    <div class="lift">
        <div class="head">
            <div class="title clearfloat">
                <ul class="fl">订单详情</ul>
                <ul class="fr">价格汇总</ul>
            </div>
            <div class="container clearfloat">
                <div class="cont-left">
                    <div class="banner">
                        <div class="wrapper">
                            <div class="slide">
                                <a><img src="img/b1.jpg" alt=""></a>
                            </div>
                            <div class="slide">
                                <a><img src="img/b3.jpg" alt=""></a>
                            </div>
                            <div class="slide">
                                <a><img src="img/b5.jpg" alt=""></a>
                            </div>
                            <div class="slide">
                                <a><img src="img/b6.jpg" alt=""></a>
                            </div>

                        </div>
                    </div>
                    <div class="btn-list">
                        <div class="slide">
                            <a><img src="img/b1.jpg" alt=""></a>
                        </div>
                        <div class="slide">
                            <a><img src="img/b3.jpg" alt=""></a>
                        </div>
                        <div class="slide">
                            <a><img src="img/b5.jpg" alt=""></a>
                        </div>
                        <div class="slide">
                            <a><img src="img/b6.jpg" alt=""></a>
                        </div>
                    </div>
                    <div class="desc">
                        <ul class="tit">果喜酒店</ul>
                        <ul class="condition">
                            wifi
                            p
                        </ul>
                        <ul class="list">
                            <li class="clearfloat">
                                <p class="fl">房间类型：</p>
                                <p class="fr">海景房</p>
                            </li>
                            <li class="clearfloat">
                                <p class="fl">入住时间：</p>
                                <p class="fr">海景房</p>
                            </li>
                            <li class="clearfloat">
                                <p class="fl">退房时间：</p>
                                <p class="fr">海景房</p>
                            </li>
                            <li class="clearfloat">
                                <p class="fl">入住人数：</p>
                                <p class="fr">海景房</p>
                            </li>
                        </ul>
                    </div>
                </div>
                <div class="cont-right">
                    <ul class="list">
                        <li class="clearfloat">
                            <p class="fl">客房数量</p>
                            <p class="fr">2间</p>
                        </li>
                        <li class="clearfloat">
                            <p class="fl">成人</p>
                            <p class="fr">2间</p>
                        </li>
                        <li class="clearfloat">
                            <p class="fl">儿童（占床）</p>
                            <p class="fr">2间</p>
                        </li>
                        <li class="clearfloat">
                            <p class="fl">儿童（不占床）</p>
                            <p class="fr">2间</p>
                        </li>
                        <li class="clearfloat">
                            <p class="fl">加床</p>
                            <p class="fr">2间</p>
                        </li>
                        <li class="clearfloat">
                            <p class="fl">单房差</p>
                            <p class="fr">2间</p>
                        </li>
                    </ul>
                    <ul class="money clearfloat">
                        <li class="fl">总价</li>
                        <li class="fr">￥2506</li>
                    </ul>
                </div>
            </div>
            <div class="upload">
                <div class="ttt">
                    上传凭证
                </div>
                <div class="mmm">
                    <ul>
                        <img src="img/upload.png" alt="">
                        <p>请上传到店支付的发票或收据</p>
                    </ul>
                    <ul class="btn">立即提交到酒店审核</ul>
                </div>
            </div>
        </div>
    </div>
</div>

<a href="javascript:;" class="safeguard">
    <div></div>
</a>

</body>
</html>
<script>
	$("#qq").load("http://52lvu.cn/qq.htmlqq.html");
    $(".ok").on("click",function () {
        $(".pay").empty().append("<div class='title'>审核状态</div><div class='list'><ul class='cheng'><li class='chenggong'><img src='img/chneggong.png' /><span>您已成功提交订单</span></li><li class='fh'><span>5</span>秒后返回首页</li></ul></div>")
    })
</script>

